*{
    margin: 0;
    padding: 0;
}
body{
    width: 100vw;
    height: 100vh;
}
#app{
    width: 100%;
    height: 100%;
    border: 1px solid #f00;
}
/* 公共压根是：水平弹性布局 */
.flex-row{
    display: flex;
    flex-direction: row;
}
/* 公共压根是：垂直弹性布局 */
.flex-column{
    display: flex;
    flex-direction: column
    ;
}
/* 完美居中方案 */
.flex-center{
    display: flex;
    justify-content: center;
    align-items: center;
}
.head{
    flex: 1;
    background:#d24735;
}
.body{
    flex:5;
}
.foot{
    flex:10 ;
}
.left-icon{
    flex: 1;
}
.cc{
    flex: 1;
}
.app-name{
    flex: 1;
    font-size: 15px;;
}
.fm img{
    flex: 1;
    width:  30vw;
    height: 25vh;
   position: absolute;
   right:60vw;
   top: 15vh;
}
.a2{
    font-size: 8px;
    position: absolute;
    left: 46vw;
}
.dy img{
    width:  16vw;
    height: 15vh; 
    position: absolute;
    left: 66vw;
    bottom: 10vh;
}